<template>
  <div>
    <ZgDrawer
      width="90%"
      v-model="visible">
      <a-tabs v-model="tab" type="card">
        <a-tab-pane :key="1" tab="固有字段管理"></a-tab-pane>
        <a-tab-pane :key="2" tab="流程固有字段配置"></a-tab-pane>
      </a-tabs>
      <div v-if="tab===1">
        <FieldAdmin></FieldAdmin>
      </div>
      <div v-if="tab===2">
        <FieldConfig></FieldConfig>
      </div>
    </ZgDrawer>
  </div>
</template>
<script>
import FieldAdmin from './FieldAdmin.vue'
import FieldConfig from './FieldConfig.vue'
export default {
  components: {
    FieldAdmin, FieldConfig
  },
  data () {
    return {
      tab: 1,
      visible: false
    }
  },
  methods: {
    open () {
      this.visible = true
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
